.element {
    border: 1px solid grey !important;
    border-top-width: 0 !important;
    cursor: url(../../thems/black/icons/arrow.png), auto;
}

.area {
    border: 1px dashed black;
    cursor: pointer;
}

.drag-area {
    border: 1px dashed grey !important;
    opacity: 0.7;
    background-color: lightgray;
    z-index: 999;
}

.context-menu {
    border: 1px solid black;
    box-shadow: rgba(0,0,0,0.3) 5px 5px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-color: white;
}

.invisible {
    display: none;
    visibility: hidden;
}

#panel {
    border: 1px solid grey;
    cursor: url(../../thems/black/icons/arrow.png), auto;
    background: #cfd1cf; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, #cfd1cf 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfd1cf), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cfd1cf 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cfd1cf 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cfd1cf 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cfd1cf 0%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd1cf', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
}

    #panel .group-box {
        display: inline-block;
        margin: 5px;
        /*padding: 5px;*/
        border: 1px solid #979796;
        border-radius: 4px;
        background: #f5f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url();
        background: -moz-linear-gradient(top, #f5f5f5 0%, #cfd1cf 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#cfd1cf)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f5f5f5 0%,#cfd1cf 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f5f5f5 0%,#cfd1cf 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f5f5f5 0%,#cfd1cf 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f5f5f5 0%,#cfd1cf 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cfd1cf',GradientType=0 ); /* IE6-8 */
    }

    #panel a {
        padding: 6px;
        height: 16px;
        width: 16px;
        cursor: pointer;
        display: inline-block;
    }

        #panel a:hover {
            background: #cccccc;
            background: url();
            background: -moz-linear-gradient(top, #cccccc 0%, #f2f2f2 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#f2f2f2));
            background: -webkit-linear-gradient(top, #cccccc 0%,#f2f2f2 100%);
            background: -o-linear-gradient(top, #cccccc 0%,#f2f2f2 100%);
            background: -ms-linear-gradient(top, #cccccc 0%,#f2f2f2 100%);
            background: linear-gradient(to bottom, #cccccc 0%,#f2f2f2 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f2f2f2',GradientType=0 );
        }

        #panel a:active, .active-item {
            background: none;
            background-color: #cacaca;
            -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);
            box-shadow: 0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2);
        }

        #panel a span {
            display: inline-block;
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

        #panel a#pen span {
            background-image: url(../../thems/black/icons/pencil.png);
        }

        #panel a#text span {
            background-image: url(../../thems/black/icons/text.png);
        }

        #panel a#strokethrough span {
            background-image: url(../../thems/black/icons/strokethrough.png);
        }
